<template>
	<view class="company-item">
		<view class="company-info-view">
			<view class="flex rcb info-item">
				<view class="info-title">{{items.name}}</view>
				<view class="info-status">{{items.status_name}}</view>
			</view>
			<view class="flex rcb info-item">
				<view class="info-level">{{items.company_level_name}}</view>
			</view>
			<view class="flex rcb info-item">
				<view class="info-item-con flex-1 rcs">
					<text class="info-item-title">服务负责人：</text>
					<text class="info-item-text">{{items.services_user_name}}</text>
				</view>
				<view class="info-item-con flex-1 rcs">
					<text class="info-item-title">驻场负责人：</text>
					<text class="info-item-text">{{items.station_name_str}}</text>
				</view>
			</view>
			<view class="flex rcb info-item">
				<view class="info-item-con flex-1 rcs">
					<text class="info-item-title">创建人：</text>
					<text class="info-item-text">{{items.user_name}}</text>
				</view>
				<view class="info-item-con flex-1 rcs">
					<text class="info-item-title">创建时间：</text>
					<text class="info-item-text">{{items.create_time}}</text>
				</view>
			</view>
		</view>
		<view class="line-style horizontal-line" />
		<view class="btn-wrap flex rcb">
			<div class="btn-wrap-left flex rcs">
				<view class="btn-item flex rcc">
					<image class="btn-icon" src="../../static/icon/icon_trash.png" mode="widthFix" />
					<text class="btn-title">删除</text>
				</view>
				<view class="btn-item flex rcc">
					<image class="btn-icon" src="../../static/icon/icon_edit.png" mode="widthFix" />
					<text class="btn-title">编辑</text>
				</view>
			</div>
			<div class="btn-wrap-right flex rce">
				<view class="btn-item flex rcc" @tap="handleClickDisable(items)">
					<text class="btn-title">禁用</text>
				</view>
				<view class="btn-item flex rcc" @tap="handleClickStart(items)">
					<text class="btn-title">跟进</text>
				</view>
			</div>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			items: Object,
			index: Number
		},
		data() {
			return {
				Images: this.Images,
			}
		},
		methods: {
			onPressToNavigateDetail() {
				uni.navigateTo({
					url: '/pages/talent_pool/talent_detail',
				});
			}
		}
	}
</script>

<style scoped lang="stylus">
	.company-item {
		margin-top: 20rpx;
		background: #FFFFFF;
		padding: 20rpx 30rpx;
		.company-info-view {
			.info-title {
				color: #333333;
				font-size: 32rpx;
			}
			.info-status {
				color: #016beb;
				font-size: 24rpx;
				padding: 2rpx 20rpx;
				background: #f3f3f3;
			}
			.info-level {
				color: #FFFFFF;
				margin: 20rpx 0;
				font-size: 26rpx;
				padding: 2rpx 20rpx 2rpx 10rpx;
				background-image: url('~@/static/img/img_bg_com_level.png');
				background-repeat: no-repeat;
				background-size: auto 100%;
				background-position: right center;
			}
			.info-item-con {
				margin: 6rpx 0;
				.info-item-title {
					color: #666666;
					font-size: 24rpx;
					margin-right: 10rpx;
				}
				.info-item-text {
					color: #333333;
					font-size: 24rpx;
				}
			}
		}
		.horizontal-line {
			margin: 20rpx 0;
		}
		.btn-wrap {
			.btn-item {
				.btn-icon {
					width: 40rpx;
					height: 40rpx;
					margin-right: 10rpx;
				}
				.btn-title {
					color: #333333;
					font-size: 26rpx;
				}
			}
			.btn-wrap-left {
				.btn-item {
					margin-right: 20rpx;
				}
			}
			.btn-wrap-right {
				.btn-item {
					margin-left: 20rpx;
					padding: 4rpx 20rpx;
					border: 2rpx solid #dbdbdb;
					.btn-title {
						color: #F5A623;
					}
				}
			}
		}
	}
</style>
